<!DOCTYPE html>
<!-- saved from url=(0055)http://flatfull.com/themes/angulr/html/page_signin.html -->
<html lang="en">

<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<head>
    <title>幸运大抽奖</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link rel="icon" href="../img/wechat_icon_2.png">
    <link rel="stylesheet" href="../css/style.min.css">
    <!-- <link rel="stylesheet" href="https://h5.wdb007.com/common-css/style.min.css"> -->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
</head>

<body class="lottery">
    <!-- <div class='url_prame'>
        <div>userid:
            <span id='userid_'></span>
        </div>
        <div>parentHdUid:
            <span id='parentHdUid_'></span>
        </div>
        <div>usertoken:
            <span id='usertoken_'></span>
        </div>
        <div>lotteryLocation:
            <span id='lotteryLocation'></span>
        </div>
        <div>rankList:
            <span id='lotteryinfo'></span>
        </div>
    </div> -->
    <div id='lottery_page'>
        <div class="lottery_page_container">
            <div id='goto_index'>&lt;返回首页</div>
            <div id="rule_btn">
                <image src="../img/roll_rule.png"></image>
            </div>

            <div class="lottery_container">
                <div class="lottery_items">
                    <div id="lottery">

                        <div class='unit_container'>
                            <div class="lottery-unit lottery-unit-1">
                                <div class="td_container">
                                    <img src="../img/card_demo.png">
                                    <div class="lottery-unit-text">月卡</div>
                                </div>
                                <div class="mask"></div>
                            </div>
                            <div class="lottery-unit lottery-unit-2">
                                <div class="td_container">
                                    <img src="../img/card_demo.png">
                                    <div class="lottery-unit-text">优惠券</div>
                                </div>
                                <div class="mask"></div>
                            </div>
                            <div class="lottery-unit lottery-unit-3">
                                <div class="td_container">
                                    <img src="../img/card_demo.png">
                                    <div class="lottery-unit-text">绘本</div>
                                </div>
                                <div class="mask"></div>
                            </div>


                            <div class="lottery-unit lottery-unit-4">
                                <div class="td_container">
                                    <img src="../img/card_demo.png">
                                    <div class="lottery-unit-text">年卡</div>
                                </div>
                                <div class="mask"></div>
                            </div>
                            <div id="start_roll">
                                <img src="../img/star_roll.png" alt="">
                            </div>
                            <div class="lottery-unit lottery-unit-5">
                                <div class="td_container">
                                    <img src="../img/card_demo.png">
                                    <div class="lottery-unit-text">优惠券</div>
                                </div>

                                <div class="mask"></div>
                            </div>

                            <div class="lottery-unit lottery-unit-6">
                                <div class="td_container">
                                    <img src="../img/card_demo.png">
                                    <div class="lottery-unit-text">绘本</div>
                                </div>

                                <div class="mask"></div>
                            </div>
                            <div class="lottery-unit lottery-unit-7">
                                <div class="td_container">
                                    <img src="../img/card_demo.png">
                                    <div class="lottery-unit-text">优惠券</div>
                                </div>
                                <div class="mask"></div>
                            </div>
                            <div class="lottery-unit lottery-unit-8">
                                <div class="td_container">
                                    <img src="../img/card_demo.png">
                                    <div class="lottery-unit-text">月卡</div>
                                </div>
                                <div class="mask"></div>
                            </div>
                        </div>
                        <image id="marquee" onclick="return false"></image>

                        <div class='shadow_box'></div>
                    </div>
                </div>
                <div id="share_btn">
                    <div id="share_btn_bg"></div>
                    <div id="share_btn_container">
                        <div id="share_btn_title">邀请好友一起抽奖</div>
                        <div id="share_btn_subtitle">邀请新会员,本人得2次抽奖机会</div>
                    </div>
                </div>
                <div id="roll_count">剩余：
                    <span id='extra_times'></span>次
                </div>
            </div>
        </div>
        <div class="ranklist">
            <img class='rank_title_path' src="https://h5.wdb007.com/lottery-image/rank_title.png" onclick="return false">
            <div class='rank_title'>
            </div>
            <div class='rank_container'>
                <div class='rank_item_container'></div>
                <div class='load_more'>加载更多</div>
                <div class='no_hasdata'>无更多数据</div>
            </div>
            <div id='hasNo_data'>暂无数据</div>
        </div>
        <img id='lead_picture' src="../img/lead_picture.png" alt="">
        <div id='shadow_container'>
            <div class='box_shadow_'></div>
            <div class='rule_container'>
                <img class='prize_title' src="../img/activity_rule_title.png" alt="" onclick="return false">
                <div class='rule_content'>
                    <div class='activity_time'>活动时间：2018年4月27日—2018年6月3日</div>
                    <div class='rule_item'>
                        1、 用户当天还书，即可获得一次抽奖机会，多次借还，不增加抽奖机会；
                    </div>
                    <div class='rule_item'>
                        2、	邀请好友一起抽奖，本人可获得额外抽奖机会；
                    </div>
                    <div class='rule_item_sec'>
                        a)	被邀请的好友为新用户，可获得2次抽奖机会；
                    </div>    
                    <div class='rule_item_sec'>
                        b)	被邀请的好友为老用户，可获得1次抽奖机会。
                    </div>
                    <div class='rule_item'>
                        3、最多可邀请25名好友，超过则不再增加抽奖机会；
                    </div>
                    
                    <div class='rule_item'>
                        4、抽奖次数如当天未用完，可保留至整个活动期内使用；
                    </div>
                    <div class='rule_item'>
                        5、中奖的借阅金，会在充值以后，自动进入您的账户余额。
                    </div>
                    <div class='rule_item'>
                        6、中奖的月卡或年卡抵用券，可在购买月卡或年卡时，抵扣资费，实际支付0元；
                    </div>
                    <div class='rule_item'>
                        7、中奖的正版精美绘本，可在指定书柜里领取。
                    </div>
                </div>
                <div class='shut_rule_shadow'>
                    <img src="../img/failIcon.png" alt="">
                </div>
            </div>
        </div>
        <div id='prize_shadow'>
            <div class='box_shadow_'></div>
            <div class='rule_container'>
                <img class='prize_title' src="../img/prize_shadow_title.png" alt="" onclick="return false">
                <div class='prize_scroll_container'>
                    <div class='prize_detail_text'>

                    </div>
                    <div class='get_prize_info'></div>
                    <div id='shelf_list'>
                        <div class='shelf_title'>支持的书柜：</div>
                        <div id='shelf_list_container'>
                        </div>
                    </div>
                </div>
                <div id='getPrizeBtn'>
                    <img src="../img/getPrizeBtn.png" alt="">
                </div>
                <div id='continueLottery'>
                    <img src="../img/continueBtn.png" alt="">
                </div>
                <div class='shut_prize_shadow'>
                    <img src="../img/failIcon.png" alt="">
                </div>
            </div>

        </div>
        <!-- 活动次数为0弹窗提示 -->
        <div id='noCount_container'>
            <div class='box_shadow_'></div>
            <div class='rule_container'>
                <div class='noCount_container'>
                    <div class='noCount_title'>友情提示</div>
                    <div class='noCount_alert'>
                        立即邀请好友一起抽奖！
                    </div>
                    <div class='noCount_alert_center'>
                        好友为新用户，本人获得2次抽奖机会
                    </div>
                    <div class='noCount_alert_col'>
                        好友为老用户，本人获得1次抽奖机会
                    </div>
                    <div id='confirBtn_container_noCount'>
                        <img src="../img/confirmBtn.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 活动过期弹窗提示 -->
        <div id='overtime_container'>
            <div class='box_shadow_'></div>
            <div class='rule_container'>
                <div class='noCount_container'>
                    <div class='noCount_title'>友情提示</div>
                    <div class='noCount_alert_col'>
                        很抱歉您来迟了，此次活动已结束！
                    </div>
                    <div id='confirBtn_container_overtime'>
                        <img src="../img/confirmBtn.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id='lottery_login'>
        <section class="g-flexview">
            <div class="g-scrollview">
                <div class="logo_container" style='margin-top:18vh'>
                    <img src="../img/wechat_icon_2.png" />
                    <span>让孩子爱上阅读</span>
                </div>

                <div class="form_container">

                    <div>
                        <img src="../img/phoneIcon.png" class="phone_img">
                        <input type="number" name="user_phone" id="user_phone" placeholder='请输入手机号领取' focus='true' placeholder-class='placeholder_font'
                        />
                    </div>
                    <div class="code_container">
                        <img src="../img/securityCodeIcon.png" class="code_img" />
                        <div class="code_container_02">
                            <input type="text" name="user_code" id="user_code" placeholder='请输入验证码' placeholder-class='placeholder_font' />
                            <div class="send_code_btn" id='send_code_btn'>获取验证码</div>
                            <div class="time_down_btn" style="display:none" id='J_resetCode'>
                                <span id="J_second"></span>秒</div>
                        </div>
                    </div>
                    <div class='err_info'></div>
                    <button type="button" id="lottery_btn" class="btn">提 交</button>

                </div>
            </div>
        </section>
    </div>
    <script src="../js/all.min.js"></script>
    <!-- <script src='https://h5.wdb007.com/common-css/all.min.js'></script> -->
    <script>
        wx.miniProgram.getEnv(function (res) {
            console.log(res.miniprogram) // true
            if (!res.miniprogram) {
                alert('您当前不是在小程序环境');
            }
        })
    </script>
</body>

</html>